<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="便雅悯,便雅悯视光,满天星,验光配镜,网络试戴,眼镜行业,在线销售" />
    <meta name="description" content='满天星验光配镜一体机，集成验光配镜、网络眼镜试戴、选款选型、在线销售等功能。帮助眼镜商家进行打通线上线下销售渠道，获取丰厚利润。眼镜店所有实体产品线上展示试戴，可为顾客提供维修、护理等完整售后服务。'>
    <link rel="icon" href="https://benyamin.gz.bcebos.com/static/home/benyamin_logo.png" type="image/x-icon"/>

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!--<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script> -->
    <link rel="stylesheet" href="{{asset('version-2017/css/normalize.css')}}">
    <link rel="stylesheet" href="{{ asset('version-2017/css/common.css') }}">
    <link rel="stylesheet" href="{{ asset('version-2017/css/idangerous.swiper.css') }}">
    <script src="{{asset('version-2017/js/html5media.js')}}" type="text/javascript"></script>
    {{--<link rel="stylesheet" href="{{ asset('version-2017/css/swiper.css') }}">--}}

    {{-- 插入样式 --}}
    @yield('style')

    {{-- 插入页面 title --}}
    @yield('title')

</head>
<body id="top">
<!-- 公共头部 -->
<header class="header" id="header">
    <div class="bym-wrapper clearfix">
        <div class="logo">
            <a href="{{route('index')}}">
            <img src="https://bym-website.gz.bcebos.com/assets/home/logo_home_img.png" alt="logo">
            </a>
        </div>
        <ul class="header-nav clearfix">
            <li class="header-nav-item">
                <a :class="[ /^http:\/\/bymadmin.me\/?$/.test(currentUrl)? 'active': '' ]" href="{{route('index')}}">@lang("v2017/common.header.home")</a>
            </li>
            <li class="header-nav-item product-service" @mouseenter="enterHandle('production')"  @mouseleave="leaveHandle()">
                <a :class="[ /production-|service-/.test(currentUrl)? 'active': '' ]" href="javascript:;">@lang("v2017/common.header.product-service")</a>
            </li>
            <li class="header-nav-item">
                <a :class="[ /case/.test(currentUrl)? 'active': '' ]" href="{{route('case')}}">@lang("v2017/common.header.case")</a>
            </li>
            <li class="header-nav-item">
                <a :class="[ /video/.test(currentUrl)? 'active': '' ]" href="{{route('video')}}">@lang("v2017/common.header.video")</a>
            </li>
            <li class="header-nav-item" @mouseenter="enterHandle('experience')" @mouseleave="leaveHandle()" >
                <a :class="[ /experience-/.test(currentUrl)? 'active': '' ]" href="javascript:;">@lang("v2017/common.header.experience")</a>
            </li>
            <li class="header-nav-item">
                <a :class="[ /cooperation/.test(currentUrl)? 'active': '' ]" href="{{route('cooperation')}}">@lang("v2017/common.header.agent")</a>
            </li>
            <li class="header-nav-item">
                <a :class="[ /dynamic/.test(currentUrl)? 'active': '' ]" href="{{route('dynamic')}}">@lang("v2017/common.header.dynamic")</a>
            </li>
            <li class="header-nav-item">
                <a :class="[ /about/.test(currentUrl)? 'active': '' ]" href="{{route('about')}}">@lang("v2017/common.header.about")</a>
            </li>
        </ul>
        <div class="login clearfix" >
            {{--<a href="#">登录</a>--}}
            <a href="#">En</a>
        </div>
    </div>
    <!-- 下拉 -->
    <div class="dropdown-plane" v-bind:class="{ active: dropDown}" @mouseenter="enterHandle()" @mouseleave="leaveHandle()">
        <div class="bym-wrapper clearfix">
            <ul class="dropdown-nav">
                <li v-for="item in dropDownData" v-bind:class="[item.name==dropDownActiveItem? 'active': '']" @mouseenter="enterHandle(item.name)" >
                    <a href="javascript:;" v-text="item.title"></a>
                </li>
            </ul>
            <ul class="dropdown-nav-child">
                <li v-for="childItem in childNavData" :class="[childItem.name == currentActiveChildItem.activeItem ? 'active':'']" @mouseenter.stop="setActiveChildItem(childItem.name)">
                    <a  v-bind:href="'{{route('index')}}/'+childItem.name" v-text="childItem.title"></a>
                </li>
            </ul>
            <article>
                <h3 v-text="getArticle.title"></h3>
                <p v-html="getArticle.summary"></p>
                <a class="dropdown-btn" :href="'{{route('index')}}/'+getArticle.name">MORE></a>
            </article>
        </div>
        <div class="icon" @click="leaveHandle()">
            <img src="https://bym-website.gz.bcebos.com/assets/home/back_home_img.png" alt="down arrow">
        </div>
    </div>
    <!-- 下拉 END -->

</header>




    {{--  页面插入位置 --}}

    @section('content');
    @show

    {{--  页面插入位置 end --}}
    <!--  页脚  -->
    <footer class="footer">
        <div class="bym-wrapper">
            <div class="footer-header clearfix">
                <h3 class="footer-header-slogan">
                    {{--广告语--}}
                    @lang("v2017/common.footer.slogan")
                </h3>

                <div class="footer-header-rqcode">
                    <div class="item">
                        <img src="https://bym-website.gz.bcebos.com/assets/home/allstar_foot_img.png" alt="">
                        <p class="item-desc">满天星微信公众号</p>
                    </div>
                    <div class="item">
                        <img src="https://bym-website.gz.bcebos.com/assets/home/benyamin_foot_img.png" alt="">
                        <p class="item-desc">满天星微信公众号</p>
                    </div>
                </div>
            </div>

            <div class="footer-content clearfix">
                    <dl class="footer-content-item bym-not-list">
                        <dt>产品 </dt>
                        <dd><a href="{{route('production-optometry')}}">满天星验光配镜智能一体机</a></dd>
                        <dd><a href="{{route('production-try-on')}}">满天星试戴购买一体机</a></dd>
                        <dd><a href="{{route('production-vending')}}">满天星眼镜试戴自动销售机</a></dd>
                        <dd><a href="{{route('production-wechat')}}">满天星微信商城</a></dd>
                        <dd><a href="{{route('production-pad')}}">满天星PAD开店宝</a></dd>
                        <dd><a href="{{route('production-interactive')}}">满天星互动娱乐版</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>服务</dt>
                        <dd><a href="{{route('service-try-on')}}">眼镜虚拟试戴解决方案</a></dd>
                        <dd><a href="{{route('service-custom')}}">产品个性化定制服务</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>合作案例</dt>
                        <dd><a href="">新加坡IGS</a></dd>
                        <dd><a href="">派丽蒙</a></dd>
                        <dd><a href="">李维斯</a></dd>
                        <dd><a href="">康耐特</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>视频专区</dt>
                        <dd><a href="{{route('video')}}">企业宣传</a></dd>
                        <dd><a href="{{route('video')}}">产品介绍</a></dd>
                        <dd><a href="{{route('video')}}">客户运营</a></dd>
                        <dd><a href="{{route('video')}}">技术更新</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>企业动态</dt>
                        <dd><a href="{{route('dynamic')}}#report">公司新闻</a></dd>
                        <dd><a href="{{route('dynamic')}}#dynamic">行业动态</a></dd>
                        <dd><a href="{{route('dynamic')}}#knowledge">眼镜知识</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>免费体验</dt>
                        <dd><a href="{{route('experience-optometry')}}">满天星验光配镜智能系统</a></dd>
                        <dd><a href="{{route('experience-try-on')}}">2.5D眼镜试戴SDK</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>关注我们</dt>
                        <dd><a href="JavaScript:;">官方微信</a></dd>
                        <dd><a href="https://weibo.com/u/6155181490">官方微博</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list">
                        <dt>其他</dt>
                        {{--<dd><a href="">账号登录</a></dd>--}}
                        <dd><a href="">中英切换</a></dd>
                        <dd><a href="cooperation">代理加盟</a></dd>
                    </dl>
            </div>
            <div class="footer-copyright">
                <span>Copyright©2016-2019 版权所有 广州便雅悯视光网络科技有限公司</span>
                <span class="footer-copyright-number">
                    <a href="https://www.miitbeian.gov.cn">粤ICP备15045073号-2</a>
                </span>
            </div>
        </div>
    </footer>
    <!--  页脚 END  -->


    <!--  回到顶部  -->
    <aside class="aside-box" id="aside_box">
        <div v-show="isShow" class="aside-box-item back-top">
            <a href="#top"><img src="https://bym-website.gz.bcebos.com/assets/home/right_nav_icon_normal_01.png" alt=""></a>
        </div>
        <div class="aside-box-item qq">
            <a class="aside-box-item-slide"><img src="https://bym-website.gz.bcebos.com/assets/home/right_nav_icon_selected_02.png" alt=""></a>
        </div>
        <div class="aside-box-item tel">
            <a class="aside-box-item-slide"><img src="https://bym-website.gz.bcebos.com/assets/home/right_nav_icon_selected_03.png" alt=""></a>
        </div>
        <div class="aside-box-item wechat">
            <a href=""><img src="https://bym-website.gz.bcebos.com/assets/home/right_nav_icon_normal_04.png" alt=""></a>
            <div class="item-rqcode">
                <img src="https://bym-website.gz.bcebos.com/assets/home/right_nav_icon_selected_pop_04.png" alt="">
            </div>
        </div>
        <div class="aside-box-item video">
            <a href="{{route('video')}}"></a>
        </div>
        <div class="aside-box-item free">
            <a href="{{route('experience-optometry')}}"></a>
        </div>
        <div class="aside-box-item agent">
            <a href="{{route('cooperation')}}"></a>
        </div>
    </aside>
    <!--  回到顶部 END -->

</body>

{{-- 公共脚本文件 --}}
<script src="{{asset('version-2017/js/Underscore1.8.3.js')}}" type="text/javascript"></script>
{{--<script src="{{asset('version-2017/js/swiper.min.js')}}" type="text/javascript"></script>--}}
<script src="{{asset('version-2017/js/idangerous.swiper.min.js')}}" type="text/javascript"></script>
<script src="{{asset('version-2017/js/Vue.js v2.3.3.js')}}" type="text/javascript"></script>
<script src="{{asset('version-2017/js/vue-resource v1.3.3.js')}}" type="text/javascript"></script>
<script src="{{asset('version-2017/js/common.js')}}" type="text/javascript"></script>
<script src="{{asset('version-2017/js/layout.js')}}" type="text/javascript"></script>
{{--  页面脚本 --}}
@section('script')
@show

</html>